<template>
	<view class="report" :style="{height: pageHeight + 'px'}">
		<view class="report-wrap">
			<view class="report-list">
				<text class="report-list-span" style="color: #2E3033;font-size: 14px;">联系电话</text>
				<text class="report-list-span" style="flex: 1;text-align: right;padding-right: 24px;color: #2e303399;">请输入联系电话</text>
			</view>
			
			<view class="report-list" style="display: block;height: auto;background-color: #fff;">
				<text class="report-list-span" style="display: block;color: #2E3033;ont-size: 14px">反馈内容</text>
				<view style="margin-top: 15px;">
					<u--textarea v-model="reason" style="border: none;" height="350" placeholder="请输入你的反馈内容" ></u--textarea>
				</view>
				<u-upload
						:fileList="fileList"
						@afterRead="afterRead"
						@delete="deletePic"
						name="1"
						multiple
						:maxCount="10"
						width="120"
						height="120"
					>
					<image src="../../../static/images/icon-upload.svg" 
						mode="widthFix" style="width: 60px;height: 60px;"></image>
					</u-upload>
			</view>
		</view>
		<view class="bindSubmit" @click="bindSubmit">提交</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pageHeight: '300',
				reason: '',
				fileList: []
			}
		},
		created() {
			this.$nextTick(() => {
				uni.getSystemInfo({
				  success: (res) => {  
					this.pageHeight = res.windowHeight
				  }  
				});
			})
		},
		methods: {
			afterRead() {
				
			},
			deletePic() {
				
			},
			bindSubmit() {
				
			},
		}
	}
</script>

<style lang="scss" scoped>
	.report {
		box-sizing: border-box;
		background-color: #F7F8FA;
		padding: 15px;
		
		.report-wrap {
			width: 100%;
			margin: 0 auto;
			
			.report-list {
				width: 100%;
				height: 50px;
				background: #FFFFFF;
				border-radius: 10px 10px 10px 10px;
				margin-top: 15px;
				display: flex;
				padding: 15px;
				box-sizing: border-box;
				
				.report-list-span {
					flex: 1;text-align: left;
					font-weight: normal;
					font-size: 14px;
					color: #2E3033;
				
					text-align: left;
					font-style: normal;
					text-transform: none;
				}
			}
		}
		.bindSubmit {
			width: 100%;
			height: 40px;
			line-height: 40px;
			background: #EF312A;
			border-radius: 10px 10px 10px 10px;
			
			font-weight: normal;
			font-size: 14px;
			color: #FFFFFF;
			font-style: normal;
			text-align: center;
			margin-top: 25px;

		}
	}
</style>